<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Five Star Hotel</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="{{ STATIC_URL }}style.css" rel="stylesheet" type="text/css" />
    <link href="{{ STATIC_URL }}layout.css" rel="stylesheet" type="text/css" />
    <script src="{{ STATIC_URL }}maxheight.js" type="text/javascript"></script>
    <!--[if lt IE 7]>
<link href="ie_style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="ie_png.js"></script>
<script type="text/javascript">ie_png.fix('.png, #header .row-2, #header .nav li a, #content, .gallery li');</script>
<![endif]-->
</head>
<body id="page1" onload="new ElementMaxHeight();">
<div id="main">
    <!-- header -->
    <div id="header">
        <div class="row-1">
            <div class="wrapper">
                <div class="logo">
                    <h1><a href="#">Five Star</a></h1>
                    <em>Hotel</em> <strong>True Luxury</strong> </div>
                <div class="phones"> 1-800-412-45-56<br />
                    1-800-542-64-48 </div>
            </div>
        </div>
        <div class="row-2">
            <div class="indent">
                <!-- header-box begin -->
                <div class="header-box">
                    <div class="inner">
                        <ul class="nav">
                            <li><a href="index.html" class="current">Home page</a></li>
                            <li><a href="services.html">Services</a></li>
                            <li><a href="gallery.html">Gallery</a></li>
                            <li><a href="restaurant.html">Restaurant</a></li>
                            <li><a href="testimonials.html">Testimonials</a></li>
                            <li><a href="booking.html">Booking</a></li>
                        </ul>
                    </div>
                </div>
                <!-- header-box end -->
            </div>
        </div>
    </div>
    <!-- content -->
    <div id="content">
        <div class="wrapper">




            <!-- by me ***********************************************  -->
            <div class="content">
                <div class="indent">
                    <h2>FiveStar is happy to welcome you!</h2>

                    <h2>Sign Up Form</h2>


                    <form action="#" method="POST" id="reservation-form">

                        {% csrf_token %}

                        <fieldset style="height:55px width:30px">

                            <table>
                               {{ form.as_table }}

                            </table>

                            <p>
                                <input type="submit" value="Submit" />
                            </p>

                        </fieldset>
                    </form>
                    <div class="clear"></div>


                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- by me **************************************************************  -->

    <!-- footer -->
    <div id="footer">
        <ul class="nav">
            <li><a href="#">Home</a>|</li>
            <li><a href="#">Services</a>|</li>
            <li><a href="#">Gallery</a>|</li>
            <li><a href="#">Restaurant</a>|</li>
            <li><a href="#">Testimonials</a>|</li>
            <li><a href="#">Booking</a></li>
        </ul>
        <div class="wrapper">
            <div class="fleft">Copyright &copy;  <a href="#">Name Here</a>. All Rights Reserved</div>
            <div class="fright"> - <a href=""></a> provider</div>
        </div>
    </div>
</div>
<div align=center> <a href=''></a></div></body>
</html>
